 #login {
	background: url(images/login_bg.png);
}
#login .ui-content {
	background: url(images/login_bg.png);
	padding: 0;
	
}
#login #center{
	background: none repeat scroll 0 0 #F1F2F4;
	border-radius: 7px 7px 7px 7px;
	height: 296px;
	margin-left: 9px;
	margin-right: 5px;
	margin-top: -145px;
	position: absolute;
	top: 50%;
	width: 96%;
}
#login h2{
	font-size: 18pt;
	font-weight: bold;
	margin-top: 28px;
	text-align: center;
}
#login p{
	color: #4BBCA9;
	font-size: 12pt;
	font-weight: bold;
	margin: -25px 6px 26px;
	padding: 0;
	text-align: center;
}

#login #form-input{
	background: none repeat scroll 0 0 #E6E7E9;
	border: 1px solid #B4B5B7;
	border-radius: 3px 3px 3px 3px;
	margin: auto;
	padding-bottom: 6px;
	padding-top: 7px;
	width: 80%;
}
#login  .ui-field-contain{
	height : 39px;
	padding : 0px; 
	margin : 0px;
	border-radius: none !important;
}
#login #username{
	border-radius: none;
}
#login #password{
	border-radius: none;
}
#login .ui-input-text{
	background: #E6E7E9;
	border: medium none;
	box-shadow: none;
	margin-bottom: 0;
	margin-left: 22px;
	margin-top: 0;
	padding: 0;
	vertical-align: middle;
	width: 80%;
}
#login .ui-btn{
	width: 55px;
}

#login .ui-btn .ui-btn-text{
	font-size : 15pt;
}
#login .ui-input-text input{
	margin: 0;
	padding: 0;
	width: 92%;
	font-size : 15pt;
}
#login hr {
	color: #E6E7E9;
}
#login #btn-login{
	height : 45px;
	border-radius: 10px 10px 10px 10px;
	margin-top : 15px !important;
	font-size : 20px;
	border: 1px solid #3E9789;;
	border-radius: 7px;
	margin: auto;
	width: 80%;
	background: #52C0B0;
}
#login #form-input img{
	margin-left: 15px;
}
#login #clip{
	width : auto;
}
#login #clip img{
	left: 50%;
	margin-left: -48px;
	margin-top: -81px;
	z-index : 1;
	position: absolute;
}
#login table{
	width : 100%;
}
 
 #listpage {
	background: url(images/login_bg.png);
	position: relative;
	height: 100%;
}
#listpage .ui-content {
	background: url(../images/login_bg.png);
	padding: 0;
	height: 100%;
}
#listpage #center{
	text-align: center;
	padding: 0;
	height: 100%;
	width: 100%;
}
#listpage #center table,#listpage #center table tr,#listpage #center table td{
	margin: 0;
	padding: 0;
}
#listpage #center table{
	border-collapse:collapse;
	margin: 0 auto;
}
#listpage #center table td{
	width: 29%;
	height: 145px;
	vertical-align: middle;
	margin-top: 10px;
}
#listpage #center table td a{
	
	text-decoration: none;
	color: #fef7f7;
	font-weight: bold;
	text-shadow: 2px 2px 5px #737373;
	opacity:0;
}
#listpage #center table td a p{
	opacity:0;
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
}
#listpage #center #li1{
	background: url(../images/list1.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li2{
	background: url(../images/list2.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li3{
	background: url(../images/list3.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li4{
	background: url(../images/list4.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li5{
	background: url(../images/list5.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li6{
	background: url(../images/list6.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li7{
	background: url(../images/list7.png) no-repeat center center;
	background-size: 96%;
}
#listpage #center #li8{
	background: url(../images/list8.png) no-repeat center center;
	background-size: 96%;
}

/*-------------------------------------*/
#contact.header img{
	margin: 2%;
	width: 70px;
}
#contact{
	background: url(../images/login_bg.png);
}
#contact .ui-content {
	background: url(../images/login_bg.png);
	padding: 0;	
}
#contact .ct1{
	background: #940170;
	padding: 2%;
	margin-top: 5%;
}
#contact .ct1{
	clear: both;
}
#contact .ct1 > img{
	width: 70px;
	float: left;
}
#contact .ct1 .box{
	float: left;
	margin-left: 2%;
	border: #25001c solid 1px;
	background: #e4bfdb;
	width: 50%;
	height: 70px;
	box-shadow: inset 2px 3px 8px #5b5b5b;
}
#contact .ct1 a img{
	float: left;
	width: 60px;
	margin-left: 2%;
	padding-top: 15px;
}
/*----------------------------------------------*/
contact-sent.header img{
	margin: 2%;
	width: 50px;
}
#contact-sent{
	background: url(../images/login_bg.png);
}
#contact-sent .ui-content {
	background: url(../images/login_bg.png);
	padding: 0;	
}
#contact-sent #center{
	text-align: center;
}
#contact-sent #form > p{
	background: #fd4f1a;
	width: 20%;
	margin:0 2%;
	padding: 5px;
	color: white;
	text-align: center;
	float: left;
	margin-top: 10px;
}
#contact-sent #form input{
	border-radius: 0;
	padding: 4px;
	margin: 0;        
}
#contact-sent .ui-corner-all{
	border-radius: 0;
	min-width: 69%;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 9px;
	min-height: 28px;
}
#contact-sent textarea{
	width: 94%;
	margin-left: 2% !important;
	height: 180px;
	padding: 3px !important;
}        
#contact-sent #form .ui-btn-text{
 color: white !important;
 background: #fd4f1a !important;
 border-radius: 0;
 padding: 8px 30px;
 font-weight: normal;
}
#contact-sent #form .ui-submit{
	background: none !important;
	border: none !important;
}
#contact-sent #form .ui-btn-inner{
	border: none !important;
}
#contact-sent #form .ui-shadow{
  box-shadow: none !important;  
}
/*--------------------------------------*/
#ct-sent-success.header img{
	margin: 2%;
	width: 70px;
}
#ct-sent-success{
	background: url(images/login_bg.png);
}
#ct-sent-success .ui-content {
	background: url(images/login_bg.png);
	padding: 0;	
}
#ct-sent-success #center{
	margin: 0 auto;
	width: 94%;
	background: url(images/bg1.png);
	padding: 90px 0;
	text-align: center;
	font-size: 27px;
	color: #fdf7f7;
	margin-top: 10%;
	text-shadow: 2px 2px 5px #737373;
}
/*****************************************/
#howto .header img{
	margin: 2%;
	width: 70px;
}
#howto{
	background: url(images/login_bg.png);
}
#howto .ui-content {
	background: url(images/login_bg.png);
	padding: 0;	
}
#howto .ht1{
	background: #6139f6;
	padding: 5px;
	margin-top: 3px;
}
#howto .ui-corner-all{
	border-radius: 0;
	min-width: 79%;
	float: left;
	margin: 0;
	min-height: 28px;   
	background: none;
	border: none;
}
#howto .ui-corner-all input{
	background: #cbbefc;
	box-shadow: 2px 2px 5px #737373;
	min-height: 28px; 
	padding: 3px;
}
/*****************************************************************/
#index-messages .header img{
	margin: 2%;
	width: 70px;
}
#index-messages{
	background: url(images/login_bg.png);
}
#index-messages .ui-content {
	background: url(images/login_bg.png);
	padding: 0;	
}
#index-messages .ht1{
	background: #6139f6;
	padding: 6px;
	margin-top: 6px;
}
#index-messages .ui-shadow-inset{
	box-shadow: none;
}
#index-messages .ui-corner-all{
	border-radius: 0;
	width: 45%;
	float: left;
	margin: 0;
	min-height: 28px;
	background: none;
	border: none;
}
#index-messages input{
	width: 60%;
	background: #cbbefc;
	box-shadow: 2px 2px 5px #444444;
	padding: 3px;
}
#index-messages .left{
	float: left;
}
#index-messages .right{
	float: right;
}
#index-messages .green{
	background: #1ab58a;
}
#index-messages .green input{
	background: #b4e7d8;
}
#index-messages .blue{
	background: #6139f6;
}
#index-messages .blue input{
	background: #cbbefc;
}
#index-messages .red{
	background: #fd4f1a;
}
#index-messages .red input{
	background: #fec5b4;
}
#index-messages .yellow{
	background: #ffad29;
}
#index-messages .yellow input{
	background: #ffe4b9;
}
/**********************************/
#event_news.header img{
	margin: 2%;
	width: 70px;
}
#event_news{
	background: url(../images/login_bg.png);
}
#event_news .ui-content {
	background: url(../images/login_bg.png);
	padding: 0;	
}
#event_news #center h2{
	background: url(../images/event_news1.png) repeat-x;
	padding: 5px;
	color: white;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	margin-top: 10px;
}
#event_news #center .en1{
	background: #6139f6;
	padding: 5px;
	width: 100%;
	height: 30px;
	margin-bottom: 3px;
}
/****************************************/
#social.header img{
	margin: 2%;
	width: 70px;
}
#social{
	background: url(images/login_bg.png);
}
#social .ui-content {
	background: url(images/login_bg.png);
	padding: 0;	
}
#social #center a{              
}
#social #center a img{
	width: 100%;
	margin-top: 40px;
}